<template>
    <span>{{upperCaseString}}</span>
</template>

<script type="ts">
import {computed, defineComponent} from "vue";

export default defineComponent({
  props: ['value'],
  setup(props) {
    const upperCaseString = computed(() => {
      return props.value.toUpperCase();
    });
    return {
      upperCaseString
    };
  }
});
</script>

<style scoped>

</style>
